
[#include "single/layout/layout02/layout.ftl"/]
[@htmlHead]
<!-- ztree-->
<link href="${jpath}/assets/public/plugins/jquery-ztree/3.5.12/css/zTreeStyle/zTreeStyle.min.css" rel="stylesheet"
      type="text/css"/>

<!-- treeTable-->
<link href="${jpath}/assets/public/plugins/treeTable/themes/vsStyle/treeTable.css" rel="stylesheet" type="text/css"/>
[/@htmlHead]
[@htmlBody]
<div class="row">
    <div class="col-xs-12">
        <ul class="nav nav-tabs">
            <li class="active">
                <a> 机构列表</a>
            </li>
        </ul>
    </div>
</div>
<div class="row">
    <div class="col-xs-2">
        <div>
            <a onclick="refreshTreeTable()">组织机构</a><a><i class="icon-refresh pull-right" onclick="refreshTree();"></i></a>
        </div>
        <div id="ztree" class="ztree"></div>
    </div>
    <div class="col-xs-10">
        <div class="row">
            <div id="indexAlert" class="hide" style="min-width:400px"></div>
            <div class="col-xs-12 mrg-b-md" style="padding-left: 0px;">

                <button class="btn btn-primary  btn-sm" onclick="doAdd(0)"><i class="ice-icon fa fa-plus  white"></i>增加
                </button>
            </div>
        </div>
        <div class="row">
            <table id="treeTable" class="table table-striped table-bordered table-hover"></table>
        </div>

    </div>
</div>



[/@htmlBody]
[@htmlFoot]
<!-- ztree-->
<script type="text/javascript"
        src="${jpath}/assets/public/plugins/jquery-ztree/3.5.12/js/jquery.ztree.all-3.5.min.js"></script>

<script src="${jpath}/assets/public/plugins/treeTable/jquery.treeTable.js" type="text/javascript"></script>
<!--bootbox-->
<script src="${jpath}/assets/public/plugins/dialog/bootbox.js" type="text/javascript"></script>
<!--resource-->
<script src="${base}/plugins/single/js/module/organization/organization.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        refreshTree();
        loadTreeTable();
    });
</script>
[/@htmlFoot]